<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:regular,medium,thin,italic,mediumitalic,bold" title="roboto">
        <link href="{{ asset('bundles/front/css/default.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('bundles/front/css/home.css') }}" rel="stylesheet" type="text/css" />
        <link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
        <link type="text/css" href="{{ asset('bundles/front/css/optimus/jquery-ui-1.8.21.custom.css') }}" rel="stylesheet" />
        <!-- BASIC JAVASCRIPT -->
        <script type="text/javascript" src="{{ asset('bundles/front/js/jquery-1.7.2.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/front/js/jquery-ui-1.8.21.custom.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('bundles/front/js/carousel.js') }}"></script>
        <script type="text/javascript">
            
       $(function() {
      
              $( "#download_button" ).button().click(function() 
              {
                  alert("dsa");
               });
               // Dialog Link
                                $('#download_link').button().click(function(){
                                    alert("dsa");    
                                });
       });
            </script>
            <style type="text/css">
                    /*demo page css*/

                    #download_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative; color: #ffffff; }
                    #download_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

                </style>
            </head>
            <body>
                <div class="container">
                    <!-- header-->

            <div id="header">
                <div class="wrap" id="header-wrap">
                    <div class="col-3 logo">
                        <a href="/index.html">
                            <img src="{{ asset('bundles/front/images/logo_kmenu.png') }}" width="87" height="27" alt="Android Developers">
                        </a>
                        <div class="btn-quicknav" id="btn-quicknav">
                            <a href="#" class="arrow-inactive">Quicknav</a>
                            <a href="#" class="arrow-active">Quicknav</a>
                        </div>
                    </div>
                    <ul class="nav-x col-9">
                        <li class="design"><a href="/design/index.html">Home</a></li>
                        <li class="develop"><a href="/develop/index.html">Recursos</a></li>
                        <li class="distribute last"><a href="/distribute/index.html">eMenu</a></li>
                        <li class="distribute last"><button  id="download_button"  href="/distribute/index.html">Descargar</button>

                    </ul>

                    <!-- New Search -->
                    <div class="menu-container">
                        <div class="moremenu">
                            <div id="more-btn"></div>
                        </div>
                        <div class="morehover" id="moremenu">
                            <div class="top"></div>
                            <div class="mid">
                                <div class="header">Android Sites</div>
                                <ul>
                                    <li><a href="http://www.android.com">Android.com</a></li>
                                    <li class="active"><a>Android Developers</a></li>
                                    <li><a href="http://source.android.com">Android Open Source Project</a></li>
                                </ul>
                                <div class="header">Support</div>
                                <ul>
                                    <li><a href="/support.html">Developer Support</a></li>
                                </ul>
                                <div class="header">Lenguajes</div>
                                <div id="language" class="locales">
                                    <select name="language" onchange="changeLangPref(this.value, true)">
                                        <option value="en" selected="selected">Español</option>
                                        <option value="es">Ingles</option>
                                       
                                        </option>
                                    </select>	
                                </div>

                                <br class="clearfix">
                            </div>
                            <div class="bottom"></div>
                        </div>
                        <div class="search" id="search-container">
                            <div class="search-inner">
                                <div id="search-btn"></div>
                                <div class="left"></div>
                                <form onsubmit="return submit_search()">
                                    <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q" onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)" onkeydown="return search_changed(event, true, '/')" onkeyup="return search_changed(event, false, '/')">
                                </form>
                                <div class="right"></div>
                                <a class="close hide">close</a>
                                <div class="left"></div>
                                <div class="right"></div>
                            </div>
                        </div>
                        <div id="search_filtered_wrapper">
                            <div id="search_filtered_div" class="no-display">
                                <ul id="search_filtered">
                                    <li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li><li class="jd-autocomplete"><a></a></li></ul>
                            </div>
                        </div>

                    </div>
                    <!-- /New Search>
                            
                            
                    <!-- Expanded quicknav -->
                    <div id="quicknav" class="col-9">
                        <ul>
                            <li class="design">
                                <ul>
                                    <li><a href="/design/style/index.html">Style</a></li>
                                    <li><a href="/design/patterns/index.html">Patterns</a></li>
                                    <li><a href="/design/building-blocks/index.html">Building Blocks</a></li>
                                    <li><a href="/design/downloads/index.html">Downloads</a></li>
                                </ul>
                            </li>
                            <li class="develop">
                                <ul>
                                    <li><a href="/training/index.html">Android Training</a></li>
                                    <li><a href="/guide/components/index.html">API Guides</a></li>
                                    <li><a href="/reference/packages.html">Reference</a></li>
                                    <li><a href="/tools/index.html">Tools</a>
                                        <ul><li><a href="/sdk/index.html">Get the
                                                    SDK</a></li></ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="distribute last">
                                <ul>
                                    <li><a href="/distribute/index.html">Google Play</a></li>
                                    <li><a href="/distribute/googleplay/publish/index.html">Publishing</a></li>
                                    <li><a href="/distribute/googleplay/promote/index.html">Promoting</a></li>
                                    <!--<li><a href="/distribute/googleplay/strategies/index.html">Strategies</a></li> -->
                                    <li><a href="/distribute/open.html">Open
                                            Distribution</a></li> 
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- /Expanded quicknav -->
                </div>
            </div>
            <!-- /header-->
                    <div class="content">
                        <!-- body-content -->
                        <div id="body-content">
                            <div>
                                <div id="jd-content">


                                    <div class="jd-descr" itemprop="articleBody">
                                        <div class="wrap">
                                            <!-- Slideshow -->
                                            <div class="slideshow-container slideshow-home col-16" style="position: relative; z-index: 2; left: 0px; width: 940px; ">
                                                <a href="" class="slideshow-prev">Prev</a>
                                                <a href="" class="slideshow-next">Next</a>
                                                <div class="frame">
                                                    <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 3760px; left: -2820px; ">
                                                        <li class="item carousel-home" style="float: left; width: 940px; height: 500px; ">
                                                            <div class="content-left col-9">
                                                                <a href="/about/versions/jelly-bean.html"><img src="{{ asset('bundles/front/images/home/app.png') }}" style="margin-top:50px"></a>
                                                            </div>
                                                            <div class="content-right col-6">
                                                                <h1>Descarga Kmenu ahora</h1>
                                                                <p></p>
                                                                <p><a href="/about/versions/jelly-bean.html" class="button"> Leer más...</a></p>
                                                            </div>
                                                        </li>
                                                        <li class="item carousel-home" style="float: left; width: 940px; height: 500px; ">
                                                            <div class="content-left col-10">
                                                                <img src="{{ asset('bundles/front/images/home/design.png') }}" style="margin-top:30px">
                                                            </div>
                                                            <div class="content-right col-5">
                                                                <h1>Reemplazar a los menús de papel estándar<br>look great</h1>
                                                                <p>iPads y tabletas pueden reemplazar a los menús de papel estándar que le permite administrar los elementos y características con facilidad. Garantizado aumento en sus números de abajo de la línea!.</p>
                                                                <a href="#" class="button_dowload" >Descargar</a>
                                                            </div>
                                                        </li>
                                                        <li class="item carousel-home" style="float: left; width: 940px; height: 500px; ">
                                                            <div class="content-left col-10">
                                                                <img src="{{ asset('bundles/front/images/home/google-io.png') }}">
                                                            </div>
                                                            <div class="content-right col-5">
                                                                <h1>Watch Android at <br>Google I/O!</h1>
                                                                <p>See the keynote and more than 40 Android developer sessions streamed live from Moscone Center in San Francisco.</p>
                                                                <p>Begins June 27, 9AM PDT (UTC-7).</p>
                                                                <p><a href="https://developers.google.com/events/io/sessions#android" class="button">See the Android Sessions</a></p>
                                                            </div>
                                                        </li>
                                                        <li class="item carousel-home" style="float: left; width: 940px; height: 500px; ">
                                                            <div class="content-left col-10">
                                                                <img src="{{ asset('bundles/front/images/home/google-play.png') }}" style="margin-top:50px">
                                                            </div>
                                                            <div class="content-right col-5">
                                                                <h1>Publish your apps<br>in Google Play</h1>
                                                                <p>The most visited store in the world for Android apps. Cloud-connected and always synced, it's never been easier for users to find and download your apps.</p>

                                                                <p><a href="/distribute/index.html" class="button">Learn More</a></p>
                                                            </div> 
                                                        </li>
                                                    </ul>
                                                </div>

                                                <!-- /End slideshow -->
                                            </div>
                                        </div></div>
                           
                                </div>
                                
                                </div>
                                     <div class="">
        <a class="cta" data-g-event="Tier3 Link" data-g-label="Partners" href="//source.android.com/">
        <table>
          <tbody><tr>
            <td>
              <img alt="" class="cta-img" src="/images/icon-partners.png">
            </td>
            <td>
              <strong id="tier3-title-tablet-and-phone">Partners</strong><br>
              Access the entire platform source and learn how to contribute.
            </td>
          </tr>
        </tbody>
        </table>
            </a>
      </div>
                            <div id="footer" class="wrap" style="width:940px">


                                <div id="copyright">

                                    Except as noted, this content is 
                                    licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
                                        Creative Commons Attribution 2.5</a>. For details and 
                                    restrictions, see the <a href="/license.html">Content 
                                        License</a>.
                                </div>


                            </div>
                        </div>
                        <!-- end .content --></div>

                    <!-- end .container --></div>
                <script type="text/javascript">
    $('.slideshow-container').dacSlideshow({
        btnPrev: '.slideshow-prev',
        btnNext: '.slideshow-next'
    });
                    </script>
                    <!-- end body-content -->
        {% block body %}{% endblock %}
        {% block javascripts %}{% endblock %}
                </body>
            </html>
